@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom styles for the retail location strategy app */
body {
  @apply antialiased;
}

/* Smooth transitions for state changes */
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

/* Score indicator styling */
.score-indicator {
  @apply flex items-center justify-center rounded-full font-bold;
}

.score-high {
  @apply bg-green-100 text-green-700;
}

.score-medium {
  @apply bg-yellow-100 text-yellow-700;
}

.score-low {
  @apply bg-red-100 text-red-700;
}
